﻿<!DOCTYPE html>
<html>
  <head>
    <title>Tooltip 文字提示</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/tooltip_____/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/tooltip_____/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- 上右-dark (Dynamic Panel) -->
      <div id="u11056" class="ax_default ax_default_hidden" data-label="上右-dark" style="display: none; visibility: hidden">
        <div id="u11056_state0" class="panel_state" data-label="State1">
          <div id="u11056_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11057" class="ax_default box_1">
              <img id="u11057_img" class="img " src="images/tooltip_____/u11057.png"/>
              <!-- Unnamed () -->
              <div id="u11058" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Triangle) -->
            <div id="u11059" class="ax_default box_2">
              <img id="u11059_img" class="img " src="images/navmenu_____/u10131.png"/>
              <!-- Unnamed () -->
              <div id="u11060" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 上左-dark (Dynamic Panel) -->
      <div id="u11061" class="ax_default ax_default_hidden" data-label="上左-dark" style="display: none; visibility: hidden">
        <div id="u11061_state0" class="panel_state" data-label="State1">
          <div id="u11061_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11062" class="ax_default box_1">
              <img id="u11062_img" class="img " src="images/tooltip_____/u11057.png"/>
              <!-- Unnamed () -->
              <div id="u11063" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Triangle) -->
            <div id="u11064" class="ax_default box_2">
              <img id="u11064_img" class="img " src="images/navmenu_____/u10131.png"/>
              <!-- Unnamed () -->
              <div id="u11065" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 右上-dark (Dynamic Panel) -->
      <div id="u11066" class="ax_default ax_default_hidden" data-label="右上-dark" style="display: none; visibility: hidden">
        <div id="u11066_state0" class="panel_state" data-label="State1">
          <div id="u11066_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11067" class="ax_default box_1">
              <img id="u11067_img" class="img " src="images/tooltip_____/u11057.png"/>
              <!-- Unnamed () -->
              <div id="u11068" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Triangle) -->
            <div id="u11069" class="ax_default box_2">
              <img id="u11069_img" class="img " src="images/navmenu_____/u10131.png"/>
              <!-- Unnamed () -->
              <div id="u11070" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 右中-dark (Dynamic Panel) -->
      <div id="u11071" class="ax_default ax_default_hidden" data-label="右中-dark" style="display: none; visibility: hidden">
        <div id="u11071_state0" class="panel_state" data-label="State1">
          <div id="u11071_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11072" class="ax_default box_1">
              <img id="u11072_img" class="img " src="images/tooltip_____/u11057.png"/>
              <!-- Unnamed () -->
              <div id="u11073" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Triangle) -->
            <div id="u11074" class="ax_default box_2">
              <img id="u11074_img" class="img " src="images/navmenu_____/u10131.png"/>
              <!-- Unnamed () -->
              <div id="u11075" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 右下-dark (Dynamic Panel) -->
      <div id="u11076" class="ax_default ax_default_hidden" data-label="右下-dark" style="display: none; visibility: hidden">
        <div id="u11076_state0" class="panel_state" data-label="State1">
          <div id="u11076_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11077" class="ax_default box_1">
              <img id="u11077_img" class="img " src="images/tooltip_____/u11057.png"/>
              <!-- Unnamed () -->
              <div id="u11078" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Triangle) -->
            <div id="u11079" class="ax_default box_2">
              <img id="u11079_img" class="img " src="images/navmenu_____/u10131.png"/>
              <!-- Unnamed () -->
              <div id="u11080" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 下中-dark (Dynamic Panel) -->
      <div id="u11081" class="ax_default ax_default_hidden" data-label="下中-dark" style="display: none; visibility: hidden">
        <div id="u11081_state0" class="panel_state" data-label="State1">
          <div id="u11081_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11082" class="ax_default box_1">
              <img id="u11082_img" class="img " src="images/tooltip_____/u11057.png"/>
              <!-- Unnamed () -->
              <div id="u11083" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Triangle) -->
            <div id="u11084" class="ax_default box_2">
              <img id="u11084_img" class="img " src="images/navmenu_____/u10131.png"/>
              <!-- Unnamed () -->
              <div id="u11085" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 下右-dark (Dynamic Panel) -->
      <div id="u11086" class="ax_default ax_default_hidden" data-label="下右-dark" style="display: none; visibility: hidden">
        <div id="u11086_state0" class="panel_state" data-label="State1">
          <div id="u11086_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11087" class="ax_default box_1">
              <img id="u11087_img" class="img " src="images/tooltip_____/u11057.png"/>
              <!-- Unnamed () -->
              <div id="u11088" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Triangle) -->
            <div id="u11089" class="ax_default box_2">
              <img id="u11089_img" class="img " src="images/navmenu_____/u10131.png"/>
              <!-- Unnamed () -->
              <div id="u11090" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 下左-dark (Dynamic Panel) -->
      <div id="u11091" class="ax_default ax_default_hidden" data-label="下左-dark" style="display: none; visibility: hidden">
        <div id="u11091_state0" class="panel_state" data-label="State1">
          <div id="u11091_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11092" class="ax_default box_1">
              <img id="u11092_img" class="img " src="images/tooltip_____/u11057.png"/>
              <!-- Unnamed () -->
              <div id="u11093" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Triangle) -->
            <div id="u11094" class="ax_default box_2">
              <img id="u11094_img" class="img " src="images/navmenu_____/u10131.png"/>
              <!-- Unnamed () -->
              <div id="u11095" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 左上-dark (Dynamic Panel) -->
      <div id="u11096" class="ax_default ax_default_hidden" data-label="左上-dark" style="display: none; visibility: hidden">
        <div id="u11096_state0" class="panel_state" data-label="State1">
          <div id="u11096_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11097" class="ax_default box_1">
              <img id="u11097_img" class="img " src="images/tooltip_____/u11057.png"/>
              <!-- Unnamed () -->
              <div id="u11098" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Triangle) -->
            <div id="u11099" class="ax_default box_2">
              <img id="u11099_img" class="img " src="images/navmenu_____/u10131.png"/>
              <!-- Unnamed () -->
              <div id="u11100" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 左中-dark (Dynamic Panel) -->
      <div id="u11101" class="ax_default ax_default_hidden" data-label="左中-dark" style="display: none; visibility: hidden">
        <div id="u11101_state0" class="panel_state" data-label="State1">
          <div id="u11101_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11102" class="ax_default box_1">
              <img id="u11102_img" class="img " src="images/tooltip_____/u11057.png"/>
              <!-- Unnamed () -->
              <div id="u11103" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Triangle) -->
            <div id="u11104" class="ax_default box_2">
              <img id="u11104_img" class="img " src="images/navmenu_____/u10131.png"/>
              <!-- Unnamed () -->
              <div id="u11105" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 左下-dark (Dynamic Panel) -->
      <div id="u11106" class="ax_default ax_default_hidden" data-label="左下-dark" style="display: none; visibility: hidden">
        <div id="u11106_state0" class="panel_state" data-label="State1">
          <div id="u11106_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11107" class="ax_default box_1">
              <img id="u11107_img" class="img " src="images/tooltip_____/u11057.png"/>
              <!-- Unnamed () -->
              <div id="u11108" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Triangle) -->
            <div id="u11109" class="ax_default box_2">
              <img id="u11109_img" class="img " src="images/navmenu_____/u10131.png"/>
              <!-- Unnamed () -->
              <div id="u11110" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 上右 (Dynamic Panel) -->
      <div id="u11111" class="ax_default ax_default_hidden" data-label="上右" style="display: none; visibility: hidden">
        <div id="u11111_state0" class="panel_state" data-label="State1">
          <div id="u11111_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11112" class="ax_default box_1">
              <img id="u11112_img" class="img " src="images/tooltip_____/u11112.png"/>
              <!-- Unnamed () -->
              <div id="u11113" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Triangle) -->
            <div id="u11114" class="ax_default box_2">
              <img id="u11114_img" class="img " src="images/tooltip_____/u11114.png"/>
              <!-- Unnamed () -->
              <div id="u11115" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 上左 (Dynamic Panel) -->
      <div id="u11116" class="ax_default ax_default_hidden" data-label="上左" style="display: none; visibility: hidden">
        <div id="u11116_state0" class="panel_state" data-label="State1">
          <div id="u11116_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11117" class="ax_default box_1">
              <img id="u11117_img" class="img " src="images/tooltip_____/u11112.png"/>
              <!-- Unnamed () -->
              <div id="u11118" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Triangle) -->
            <div id="u11119" class="ax_default box_2">
              <img id="u11119_img" class="img " src="images/tooltip_____/u11114.png"/>
              <!-- Unnamed () -->
              <div id="u11120" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 右上 (Dynamic Panel) -->
      <div id="u11121" class="ax_default ax_default_hidden" data-label="右上" style="display: none; visibility: hidden">
        <div id="u11121_state0" class="panel_state" data-label="State1">
          <div id="u11121_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11122" class="ax_default box_1">
              <img id="u11122_img" class="img " src="images/tooltip_____/u11112.png"/>
              <!-- Unnamed () -->
              <div id="u11123" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Triangle) -->
            <div id="u11124" class="ax_default box_2">
              <img id="u11124_img" class="img " src="images/tooltip_____/u11114.png"/>
              <!-- Unnamed () -->
              <div id="u11125" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 右中 (Dynamic Panel) -->
      <div id="u11126" class="ax_default ax_default_hidden" data-label="右中" style="display: none; visibility: hidden">
        <div id="u11126_state0" class="panel_state" data-label="State1">
          <div id="u11126_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11127" class="ax_default box_1">
              <img id="u11127_img" class="img " src="images/tooltip_____/u11112.png"/>
              <!-- Unnamed () -->
              <div id="u11128" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Triangle) -->
            <div id="u11129" class="ax_default box_2">
              <img id="u11129_img" class="img " src="images/tooltip_____/u11114.png"/>
              <!-- Unnamed () -->
              <div id="u11130" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 右下 (Dynamic Panel) -->
      <div id="u11131" class="ax_default ax_default_hidden" data-label="右下" style="display: none; visibility: hidden">
        <div id="u11131_state0" class="panel_state" data-label="State1">
          <div id="u11131_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11132" class="ax_default box_1">
              <img id="u11132_img" class="img " src="images/tooltip_____/u11112.png"/>
              <!-- Unnamed () -->
              <div id="u11133" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Triangle) -->
            <div id="u11134" class="ax_default box_2">
              <img id="u11134_img" class="img " src="images/tooltip_____/u11114.png"/>
              <!-- Unnamed () -->
              <div id="u11135" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 下中 (Dynamic Panel) -->
      <div id="u11136" class="ax_default ax_default_hidden" data-label="下中" style="display: none; visibility: hidden">
        <div id="u11136_state0" class="panel_state" data-label="State1">
          <div id="u11136_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11137" class="ax_default box_1">
              <img id="u11137_img" class="img " src="images/tooltip_____/u11112.png"/>
              <!-- Unnamed () -->
              <div id="u11138" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Triangle) -->
            <div id="u11139" class="ax_default box_2">
              <img id="u11139_img" class="img " src="images/tooltip_____/u11114.png"/>
              <!-- Unnamed () -->
              <div id="u11140" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 下右 (Dynamic Panel) -->
      <div id="u11141" class="ax_default ax_default_hidden" data-label="下右" style="display: none; visibility: hidden">
        <div id="u11141_state0" class="panel_state" data-label="State1">
          <div id="u11141_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11142" class="ax_default box_1">
              <img id="u11142_img" class="img " src="images/tooltip_____/u11112.png"/>
              <!-- Unnamed () -->
              <div id="u11143" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Triangle) -->
            <div id="u11144" class="ax_default box_2">
              <img id="u11144_img" class="img " src="images/tooltip_____/u11114.png"/>
              <!-- Unnamed () -->
              <div id="u11145" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 下左 (Dynamic Panel) -->
      <div id="u11146" class="ax_default ax_default_hidden" data-label="下左" style="display: none; visibility: hidden">
        <div id="u11146_state0" class="panel_state" data-label="State1">
          <div id="u11146_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11147" class="ax_default box_1">
              <img id="u11147_img" class="img " src="images/tooltip_____/u11112.png"/>
              <!-- Unnamed () -->
              <div id="u11148" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Triangle) -->
            <div id="u11149" class="ax_default box_2">
              <img id="u11149_img" class="img " src="images/tooltip_____/u11114.png"/>
              <!-- Unnamed () -->
              <div id="u11150" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 左上 (Dynamic Panel) -->
      <div id="u11151" class="ax_default ax_default_hidden" data-label="左上" style="display: none; visibility: hidden">
        <div id="u11151_state0" class="panel_state" data-label="State1">
          <div id="u11151_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11152" class="ax_default box_1">
              <img id="u11152_img" class="img " src="images/tooltip_____/u11112.png"/>
              <!-- Unnamed () -->
              <div id="u11153" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Triangle) -->
            <div id="u11154" class="ax_default box_2">
              <img id="u11154_img" class="img " src="images/tooltip_____/u11114.png"/>
              <!-- Unnamed () -->
              <div id="u11155" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 左中 (Dynamic Panel) -->
      <div id="u11156" class="ax_default ax_default_hidden" data-label="左中" style="display: none; visibility: hidden">
        <div id="u11156_state0" class="panel_state" data-label="State1">
          <div id="u11156_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11157" class="ax_default box_1">
              <img id="u11157_img" class="img " src="images/tooltip_____/u11112.png"/>
              <!-- Unnamed () -->
              <div id="u11158" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Triangle) -->
            <div id="u11159" class="ax_default box_2">
              <img id="u11159_img" class="img " src="images/tooltip_____/u11114.png"/>
              <!-- Unnamed () -->
              <div id="u11160" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 左下 (Dynamic Panel) -->
      <div id="u11161" class="ax_default ax_default_hidden" data-label="左下" style="display: none; visibility: hidden">
        <div id="u11161_state0" class="panel_state" data-label="State1">
          <div id="u11161_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11162" class="ax_default box_1">
              <img id="u11162_img" class="img " src="images/tooltip_____/u11112.png"/>
              <!-- Unnamed () -->
              <div id="u11163" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Triangle) -->
            <div id="u11164" class="ax_default box_2">
              <img id="u11164_img" class="img " src="images/tooltip_____/u11114.png"/>
              <!-- Unnamed () -->
              <div id="u11165" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 上中 (Dynamic Panel) -->
      <div id="u11166" class="ax_default ax_default_hidden" data-label="上中" style="display: none; visibility: hidden">
        <div id="u11166_state0" class="panel_state" data-label="State1">
          <div id="u11166_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11167" class="ax_default box_1">
              <img id="u11167_img" class="img " src="images/tooltip_____/u11112.png"/>
              <!-- Unnamed () -->
              <div id="u11168" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Triangle) -->
            <div id="u11169" class="ax_default box_2">
              <img id="u11169_img" class="img " src="images/tooltip_____/u11114.png"/>
              <!-- Unnamed () -->
              <div id="u11170" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 上中-dark (Dynamic Panel) -->
      <div id="u11171" class="ax_default ax_default_hidden" data-label="上中-dark" style="display: none; visibility: hidden">
        <div id="u11171_state0" class="panel_state" data-label="State1">
          <div id="u11171_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11172" class="ax_default box_1">
              <img id="u11172_img" class="img " src="images/tooltip_____/u11057.png"/>
              <!-- Unnamed () -->
              <div id="u11173" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Triangle) -->
            <div id="u11174" class="ax_default box_2">
              <img id="u11174_img" class="img " src="images/navmenu_____/u10131.png"/>
              <!-- Unnamed () -->
              <div id="u11175" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11176" class="ax_default label">
        <img id="u11176_img" class="img " src="images/tooltip_____/u11176.png"/>
        <!-- Unnamed () -->
        <div id="u11177" class="text" style="visibility: visible;">
          <p><span>Tooltip 文字提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11178" class="ax_default label">
        <img id="u11178_img" class="img " src="images/icon_图标/u486.png"/>
        <!-- Unnamed () -->
        <div id="u11179" class="text" style="visibility: visible;">
          <p><span>基础用法</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11180" class="ax_default label">
        <img id="u11180_img" class="img " src="images/tooltip_____/u11180.png"/>
        <!-- Unnamed () -->
        <div id="u11181" class="text" style="visibility: visible;">
          <p><span>常用于展示鼠标 hover 时的提示信息。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11182" class="ax_default label">
        <img id="u11182_img" class="img " src="images/tooltip_____/u11182.png"/>
        <!-- Unnamed () -->
        <div id="u11183" class="text" style="visibility: visible;">
          <p><span>在这里我们提供 9 种不同方向的展示方式，可以通过以下完整示例来理解，选择你要的效果。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11184" class="ax_default box_1">
        <img id="u11184_img" class="img " src="images/button___/u1598.png"/>
        <!-- Unnamed () -->
        <div id="u11185" class="text" style="visibility: visible;">
          <p><span>上左</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11186" class="ax_default box_1">
        <img id="u11186_img" class="img " src="images/button___/u1598.png"/>
        <!-- Unnamed () -->
        <div id="u11187" class="text" style="visibility: visible;">
          <p><span>上中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11188" class="ax_default box_1">
        <img id="u11188_img" class="img " src="images/button___/u1598.png"/>
        <!-- Unnamed () -->
        <div id="u11189" class="text" style="visibility: visible;">
          <p><span>上右</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11190" class="ax_default box_1">
        <img id="u11190_img" class="img " src="images/button___/u1598.png"/>
        <!-- Unnamed () -->
        <div id="u11191" class="text" style="visibility: visible;">
          <p><span>左上</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11192" class="ax_default box_1">
        <img id="u11192_img" class="img " src="images/button___/u1598.png"/>
        <!-- Unnamed () -->
        <div id="u11193" class="text" style="visibility: visible;">
          <p><span>左中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11194" class="ax_default box_1">
        <img id="u11194_img" class="img " src="images/button___/u1598.png"/>
        <!-- Unnamed () -->
        <div id="u11195" class="text" style="visibility: visible;">
          <p><span>左下</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11196" class="ax_default box_1">
        <img id="u11196_img" class="img " src="images/button___/u1598.png"/>
        <!-- Unnamed () -->
        <div id="u11197" class="text" style="visibility: visible;">
          <p><span>下左</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11198" class="ax_default box_1">
        <img id="u11198_img" class="img " src="images/button___/u1598.png"/>
        <!-- Unnamed () -->
        <div id="u11199" class="text" style="visibility: visible;">
          <p><span>下中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11200" class="ax_default box_1">
        <img id="u11200_img" class="img " src="images/button___/u1598.png"/>
        <!-- Unnamed () -->
        <div id="u11201" class="text" style="visibility: visible;">
          <p><span>下右</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11202" class="ax_default box_1">
        <img id="u11202_img" class="img " src="images/button___/u1598.png"/>
        <!-- Unnamed () -->
        <div id="u11203" class="text" style="visibility: visible;">
          <p><span>右上</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11204" class="ax_default box_1">
        <img id="u11204_img" class="img " src="images/button___/u1598.png"/>
        <!-- Unnamed () -->
        <div id="u11205" class="text" style="visibility: visible;">
          <p><span>右中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11206" class="ax_default box_1">
        <img id="u11206_img" class="img " src="images/button___/u1598.png"/>
        <!-- Unnamed () -->
        <div id="u11207" class="text" style="visibility: visible;">
          <p><span>右下</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11208" class="ax_default box_1">
        <img id="u11208_img" class="img " src="images/button___/u1598.png"/>
        <!-- Unnamed () -->
        <div id="u11209" class="text" style="visibility: visible;">
          <p><span>上左</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11210" class="ax_default box_1">
        <img id="u11210_img" class="img " src="images/button___/u1598.png"/>
        <!-- Unnamed () -->
        <div id="u11211" class="text" style="visibility: visible;">
          <p><span>上中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11212" class="ax_default box_1">
        <img id="u11212_img" class="img " src="images/button___/u1598.png"/>
        <!-- Unnamed () -->
        <div id="u11213" class="text" style="visibility: visible;">
          <p><span>上右</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11214" class="ax_default box_1">
        <img id="u11214_img" class="img " src="images/button___/u1598.png"/>
        <!-- Unnamed () -->
        <div id="u11215" class="text" style="visibility: visible;">
          <p><span>左上</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11216" class="ax_default box_1">
        <img id="u11216_img" class="img " src="images/button___/u1598.png"/>
        <!-- Unnamed () -->
        <div id="u11217" class="text" style="visibility: visible;">
          <p><span>左中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11218" class="ax_default box_1">
        <img id="u11218_img" class="img " src="images/button___/u1598.png"/>
        <!-- Unnamed () -->
        <div id="u11219" class="text" style="visibility: visible;">
          <p><span>左下</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11220" class="ax_default box_1">
        <img id="u11220_img" class="img " src="images/button___/u1598.png"/>
        <!-- Unnamed () -->
        <div id="u11221" class="text" style="visibility: visible;">
          <p><span>下左</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11222" class="ax_default box_1">
        <img id="u11222_img" class="img " src="images/button___/u1598.png"/>
        <!-- Unnamed () -->
        <div id="u11223" class="text" style="visibility: visible;">
          <p><span>下中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11224" class="ax_default box_1">
        <img id="u11224_img" class="img " src="images/button___/u1598.png"/>
        <!-- Unnamed () -->
        <div id="u11225" class="text" style="visibility: visible;">
          <p><span>下右</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11226" class="ax_default box_1">
        <img id="u11226_img" class="img " src="images/button___/u1598.png"/>
        <!-- Unnamed () -->
        <div id="u11227" class="text" style="visibility: visible;">
          <p><span>右上</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11228" class="ax_default box_1">
        <img id="u11228_img" class="img " src="images/button___/u1598.png"/>
        <!-- Unnamed () -->
        <div id="u11229" class="text" style="visibility: visible;">
          <p><span>右中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11230" class="ax_default box_1">
        <img id="u11230_img" class="img " src="images/button___/u1598.png"/>
        <!-- Unnamed () -->
        <div id="u11231" class="text" style="visibility: visible;">
          <p><span>右下</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11232" class="ax_default label">
        <img id="u11232_img" class="img " src="images/color___/u276.png"/>
        <!-- Unnamed () -->
        <div id="u11233" class="text" style="visibility: visible;">
          <p><span>主题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11234" class="ax_default label">
        <img id="u11234_img" class="img " src="images/tooltip_____/u11234.png"/>
        <!-- Unnamed () -->
        <div id="u11235" class="text" style="visibility: visible;">
          <p><span>Tooltip 组件提供了两个不同的主题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11236" class="ax_default label">
        <img id="u11236_img" class="img " src="images/icon_图标/u510.png"/>
        <!-- Unnamed () -->
        <div id="u11237" class="text" style="visibility: visible;">
          <p><span>更多 Content</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11238" class="ax_default label">
        <img id="u11238_img" class="img " src="images/radio_单选框/u2295.png"/>
        <!-- Unnamed () -->
        <div id="u11239" class="text" style="visibility: visible;">
          <p><span>展示多行文本或者是设置文本内容的格式</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11240" class="ax_default box_1">
        <img id="u11240_img" class="img " src="images/button___/u1598.png"/>
        <!-- Unnamed () -->
        <div id="u11241" class="text" style="visibility: visible;">
          <p><span>上中-dark</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11242" class="ax_default box_1">
        <img id="u11242_img" class="img " src="images/button___/u1598.png"/>
        <!-- Unnamed () -->
        <div id="u11243" class="text" style="visibility: visible;">
          <p><span>上中-light</span></p>
        </div>
      </div>

      <!-- 上中-dark (Dynamic Panel) -->
      <div id="u11244" class="ax_default ax_default_hidden" data-label="上中-dark" style="display: none; visibility: hidden">
        <div id="u11244_state0" class="panel_state" data-label="State1">
          <div id="u11244_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11245" class="ax_default box_1">
              <img id="u11245_img" class="img " src="images/tooltip_____/u11245.png"/>
              <!-- Unnamed () -->
              <div id="u11246" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p><p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Triangle) -->
            <div id="u11247" class="ax_default box_2">
              <img id="u11247_img" class="img " src="images/navmenu_____/u10131.png"/>
              <!-- Unnamed () -->
              <div id="u11248" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 上中-light (Dynamic Panel) -->
      <div id="u11249" class="ax_default ax_default_hidden" data-label="上中-light" style="display: none; visibility: hidden">
        <div id="u11249_state0" class="panel_state" data-label="State1">
          <div id="u11249_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11250" class="ax_default box_1">
              <img id="u11250_img" class="img " src="images/tooltip_____/u11250.png"/>
              <!-- Unnamed () -->
              <div id="u11251" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p><p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Triangle) -->
            <div id="u11252" class="ax_default box_2">
              <img id="u11252_img" class="img " src="images/tooltip_____/u11114.png"/>
              <!-- Unnamed () -->
              <div id="u11253" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11254" class="ax_default box_2">
        <img id="u11254_img" class="img " src="images/color___/u352.png"/>
        <!-- Unnamed () -->
        <div id="u11255" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>
    </div>
  </body>
</html>
